<template>
    <myInject />
</template>

<script>
import { reactive, toRefs, provide } from 'vue'
import myInject from './Inject.vue'
export default {
    components: {
      myInject
    },
    setup () {
        const state = reactive({
            msg: 'Hello Vue World!'
        })
        provide('studentName', '刘艺丹')
        provide('grode', {
            Vue: 95,
            jQuery: 97
        })
        return {
            ...toRefs(state)
        }
    }
}
</script>
